<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>学园 - 创建圈子</title>
    <link rel="stylesheet" href="../web_terminal/trunk/assets/css/jquery.fancybox.css">
    <link rel="stylesheet" type="text/css" href="../web_terminal/trunk/assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../web_terminal/trunk/assets/css/base.css">
    <link rel="stylesheet" type="text/css" href="../web_terminal/trunk/assets/css/layout.css">
 	<link rel="stylesheet" type="text/css" href="../web_terminal/trunk/assets/css/index.css">
    <link rel="stylesheet" type="text/css" href="../web_terminal/trunk/assets/css/mycenter.css">
    <link rel="stylesheet" type="text/css" href="../web_terminal/trunk/assets/css/circle_content.css">
</head>

<body>
	<div class="navigation">
        <div class="xywrap topinner">
            <a href="#" class="top-link-logo" id="top-link-logo">学园</a>
            <div class="topsearch">
                <form action="" class="top-search-form" method="post">
                    <input type="text" class="top-search-input" id="" name="" autocomplete="off" value="" placeholder="搜索感兴趣的话题" /><i class="icon-search iconfont">&#xe674;</i>
                </form>
            </div>
            <div class="navcontent" id="">
                <ul>
                    <li>
                        <a href="#" class="topnavx">首页</a>
                    </li>
                    <li><a href="#" class="topnavx">圈子</a></li>
                    <li><a href="#" class="topnavx">消息</a></li>
                </ul>
            </div>
            <div class="top-nav-selfinfo">
                <a href="#" class="top-nav-userinfo " id="" role="button">
                    <span class="name">Rose</span>
                    <img class="avatar">
                </a>
                <ul class="top-nav-dropdown" id="">
                    <li>
                        <a href="#" id="">个人主页</a>
                    </li>
                    <li>
                        <a href="#" id="">设置</a>
                    </li>
                    <li>
                        <a href="#" id="">退出</a>
                    </li>
                </ul>
            </div>
            <button id="" class="create-circle">发表</button>
        </div>
    </div>
	<div class="submit-wrap">
		<div class="submit-container">
			<div class="submit-content-title">
				<span class="submit-content-creat">创建新圈子</span>
				<span class="submit-content-close" role="button"></span>
			</div>
			<div class="submit-content">
				<div class="submit-form">
					<form action="#" class="form-form">
						<div class="content-circle-select clear">
							<div class="topic-create-title">
								圈子名称:
							</div>
							<div class="circle-name-create">
								<input type="text" class="circle-name-create-input">
							</div>
						</div>
						<div class="content-topic-create clear">
                            <div class="topic-create-title">
                                <span class="extra-right-toolbar">
                                    <div class="toolbar-edit toolbar-inlineblock">
                                        <i class="toolbar-icon img-icon"></i>
                                    </div>
                                </span>
                                圈子描述:
                            </div>
                            <div class="topic-create-edit">
                                <div class="topic-edit-wrap">
                                    <div class="edit-wrap-outer">
                                        <textarea class="edit-textarea"></textarea>
                                    </div>
                                </div>
                            </div>                          
                        </div>
						<div class="submit-finish-part">
							<button class="right-btn-decoration btn-blue">创建</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>

</html>